<!-- Header starts -->

<div class="color-header">
<div class="container">
<header>

        <div class="row-fluid">
            <div class="span3">
                <!-- Logo and site link -->
                <div class="logo">
                    <a href="{% url 'equo-index' %}"><img src="{{ STATIC_URL }}image/logo_equo/logo.png" /></a>
                </div>
            </div>
            <div class="span9">
                <div class="list">
                    {% comment %}
                    <!-- Add your phone number here -->
                    <div class="phone">
                        <i class="icon-phone"></i> Teléfono: (222) 220.4578
                    </div>
                    <hr />
                    {% endcomment %}
                    <!-- Add your email id here -->
                    <div class="email">
                        <p><i class="icon-envelope-alt"></i></p>contacto@equoconsultores.com
                    </div>
                    {% comment %}
                    <hr />
                    <!-- Add your address here -->
                    <div class="address">
                        <i class="icon-home"></i> Dirección: 12, Srtington Street, NY, USA
                    </div>
                    {% endcomment %}
                </div>
            </div>
        </div>

</header>
</div>
</div>

<!-- Header ends -->

<!-- Navigation Starts -->

<!-- Note down the syntax before editing. It is the default twitter bootstrap navigation -->
<div class="navbar transparent navbar-inverse navbar-fixed-top">
    <div class="navbar-inner sticky">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                Menu
            </a>
            <div class="nav-collapse collapse">
                <!-- Navigation links starts here -->
                <ul class="nav">
                    <!-- Main menu -->
                    <li {% if active == 'index' %}class="active"{% endif %}>
                        <a href="{% url 'equo-index' %}">Inicio</a>
                    </li>

                    <li {% if active == 'area_corporativa' %}class="active"{% endif %}>
                        <a href="{% url 'equo-area_corporativa' %}">Área Corporativa</a>
                    </li>

                    <li {% if active == 'area_fiscal' %}class="active"{% endif %}>
                        <a href="{% url 'equo-area_fiscal' %}">Área Fiscal</a>
                    </li>

                    <li {% if active == 'area_contable' %}class="active"{% endif %}>
                        <a href="{% url 'equo-area_contable' %}">Área Contable</a>
                    </li>

                    <li {% if active == 'area_operaciones' %}class="active"{% endif %}>
                        <a href="{% url 'equo-area_operaciones' %}">Habilitación de Operaciones</a>
                    </li>

                    <li {% if active == 'area_seguro' %}class="active"{% endif %}>
                        <a href="{% url 'equo-area_seguro' %}">Seguro Social e Infonavit</a>
                    </li>

                    <li {% if active == 'contacto' %}class="active"{% endif %}>
                        <a href="{% url 'equo-contacto' %}">Contacto</a>
                    </li>

                    {% comment %}
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Habilitación de operaciones <b class="caret"></b></a>
                        <!-- Submenus -->
                        <ul class="dropdown-menu">
                            <li><a href="{% url 'equo-operaciones' %}">Área de desarrollo operativo</a></li>
                            <li><a href="{% url 'equo-operaciones' %}">Área de comercialización</a></li>
                            <li><a href="{% url 'equo-operaciones' %}">Academia y educación</a></li>
                        </ul>
                    </li>
                    {% endcomment %}
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Navigation Ends -->